.rmlink a        {background:#333;color:#fff;padding:2px 15px 3px;margin:15px 10px 0 0;border:0;float:right;text-decoration:none;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;font-weight:bold;}
.rmlink a:hover  {background:#C60;color:#000;}
.rmlink a:active {background:#58A;color:#fff;}
.post img {height:90px;padding:5px;background-color:#fff;}
.post-outer {overflow:hidden;padding:0 20px;line-height: 1;-webkit-box-shadow: inset 0px 2px 2px #f0f0f0;
    -moz-box-shadow:inset 0px 2px 2px #f0f0f0;
    box-shadow:inset 0px 2px 2px #f0f0f0;border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;
} 
.post {margin:0px;border:0px;padding-bottom:0px;}
.post h3 {margin:0; padding: 4px 10px 4px;}
.post span {margin-left:10px;}
.post-body {padding-right:10px;padding-left:10px;}
.post .post-title {margin:8px 0;color:#fff;}
#blog-pager {padding:0 20px;}
#top-ribbon,#mainnav,#HTML1,#sidebar-wrapper{display:none;}
/* #sidebar-wrapper1 */
#sidebar-wrapper1 {margin-right: 1%;
width: 29%;
float: right;
text-align: left;
font-size: 99%;
 background-color:#333;
background-image:-webkit-linear-gradient(top,#333,#333 100px);
background-image:-moz-linear-gradient(top,#333,#333 100px);
background-image:-ms-linear-gradient(top,#333,#333 100px);
background-image:-o-linear-gradient(top,#333,#333 100px);
background-image:linear-gradient(top,#333,#333 100px);
border:2px solid #888;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
color: #666;
box-shadow: inset 0 0 5px black;
display: inline;
word-wrap: break-word;
overflow: hidden;
position: relative;
right: -2px;
padding: 0;}
#sidebar-wrapper {margin-right: 1%;
width: 29%;
float: right;
text-align: left;
background: #333;
font-size: 99%;
border: 4px solid #DDD;
color: #666;
box-shadow: inset 0 0 5px black;
display: inline;
word-wrap: break-word;
overflow: hidden;
position: relative;
right: -2px;
padding: 0;
}


/* About Panel */
#about {
  width:80%;
  text-align:left;
  border:3px double #3c3c3c;
  position:relative;
  -webkit-box-shadow:0 0 2px rgba(0,0,0,.6);
  -moz-box-shadow:0 0 2px rgba(0,0,0,.6);
  box-shadow:0 0 2px rgba(0,0,0,.6);
  margin:10px auto;
  padding:10px 14px;
  line-height:1.5em;
  display:none;
}

#about p {margin:0 0 15px}

#about h2 {
  background-color:#3c3c3c;
  font:normal normal 16px/29px Alike,Cambria,Georgia,Serif;
  text-transform:uppercase;
  position:relative;
  margin:0 0 15px;
  padding:0 15px;
  color:white;
}

#about .col {
  width:56%;
  height:570px;
  display:inline;
  color:#ccc;
  overflow:auto;
  margin:0 1%;
}

#about .col a,
#about .col a:link {color:#3582d0}

#about .col.float-left {
  margin-right:0;
  padding-right:20px;
  border-right:7px solid #3582d0;
}

#about .col.float-right {
  width:36%;
  margin-left:0;
}

#about .col.float-left .drop-cap {
  font:normal normal 22px Alike,Cambria,Georgia,Serif;
  color:white;
  text-align:center;
  width:30px;
  height:auto;
  background-color:#3c3c3c;
  position:relative;
  margin:2px 10px 2px 0;
  padding:10px 0 30px;
}

#about .col.float-left .drop-cap:after {
  content:"";
  width:0;
  height:0;
  border:15px solid transparent;
  border-bottom-color:#333;
  position:absolute;
  bottom:0;
  left:0;
}

#closeab,
#closeab:hover {
  cursor:pointer;
  display:block;
  position:absolute;
  top:6px;
  right:7px;
  background:transparent;
  font:normal bold 13px/12px Georgia,Serif;
  color:white;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:2px 5px 4px;
}

#closeab:hover {
  background-color:white;
  color:black;
  text-decoration:none;
}

/* For Disabled JavaScript */
#about:target {display:block}

#about h2,
.sidebar h2,
.sidebarbox h2 {letter-spacing:0}
/* main-wrapper */
#main-wrapper {
  margin:0 0 0 1%;
  width:67%;
  float:left;
  text-align:left;
  display:inline;
  word-wrap:break-word;
  overflow:hidden;
  background-color:#333;
  background-image:-webkit-linear-gradient(top,#333,#333 100px);
  background-image:-moz-linear-gradient(top,#333,#333 100px);
  background-image:-ms-linear-gradient(top,#333,#333 100px);
  background-image:-o-linear-gradient(top,#333,#333 100px);
  background-image:linear-gradient(top,#333,#333 100px);
  border:2px solid #888;
  font-size:97%;
  line-height:1.5em;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  padding:10px 0;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width:1020px;
}
.main .widget {
background-color:#333
}
/* Main Nav */
#ricko {background-color:#333}

#ricko ul,
#ricko li {
  margin:0;
  padding:0;
  list-style:none;
  height:35px;
}

#ricko li {
  float:left;
  display:inline;
  text-shadow:1px 1px 2px #444;
  position:relative;
  height:auto;
}

#ricko a {
  color:#aaa;
  display:block;
  line-height:35px;
  border-left:1px solid #444;
  border-right:1px solid #222;
  text-align:center;
  text-decoration:none;
  padding:0 25px;
}

#ricko li.depan a {border-left:none}

#ricko li ul {
  background-color:#333;
  height:auto;
  border:0;
  position:absolute;
  top:100%;
  left:0;
  width:225px;
  z-index:88;
  -webkit-box-shadow:0 1px 5px #222;
  -moz-box-shadow:0 1px 5px #222;
  box-shadow:0 1px 5px #222;
  display:none;
}

#ricko li li {
  float:none;
  display:block;
  border-top:1px solid #444;
  border-bottom:1px solid #222;
}

#ricko li ul a {
  display:block;
  height:33px;
  font-size:12px;
  font-style:normal;
  text-align:left;
  margin:0;
  padding:0 10px 0 15px;
}

#ricko li a:hover,
#ricko li:hover > a {
  color:#666;
}

#ricko li:hover ul.hidden {display:block}

